<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text">
<input type="text">
<input type="button" value="+">
<input type="button" value="-">
<input type="button" value="*">
<input type="button" value="/">
<div>
  结果:<span></span>
</div>
<!--引入jQuery框架-->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
  //找到四个按钮 并添加点击事件
  $("input[value]").click(function () {
    //$(this) 代表触发事件的元素(代表点击的按钮对象)
    let number1 = $("input:eq(0)").val();
    let number2 = $("input:eq(1)").val();
    //eval方法可以将字符串 以JavaScript代码的形式进行 $(this).val()得到运算符
    let result = eval(number1+$(this).val()+number2);
    $("span").text(result);
  })
</script>
</body>
</html>